<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字符串大小写转换</title>
</head>
<body>
    <script>
        let str ='www.jb51.ITCASE.CN';
        //将字符串的字符全部转换为大写字符
        function toUpperCase(str){
            let arr = str.split('');//str.split('')带个单引号 则表示将字符串中的每一个字符包括空格，都转化成数组中的每一个元素
                                    //str.split()这是将字符串直接当作一个整体 分割输出原来是咋样的现在依旧咋样，eg str = h i ,则str.split()
                                    //就是数组['h i']
            let newStr= '';
            //通过数组的forEach 方法来遍历数组
            arr.forEach(function (value){
                if(value >= 'a' && value <= 'z')
                newStr += value.toUpperCase();
            else
                newStr += value;
            });
            return newStr;
        }
        //将字符串的字符全部转换为小写字符
        function toLowerCase(str){
        let arr = str.split('')
        let newStr = '';
        //通过for循环遍历数组
        for (let i = 0;i<arr.length; i++) {
            if(arr[i] >='A' && arr[i] <='Z')
            newStr += arr[i].toLowerCase();
        else
            newStr += arr[i];
        }
        return newStr;
        }
        let res1 = toUpperCase(str);
        let res2 = toLowerCase(str);
        document.write('原字符串为:' + str + '</br>');
        document.write(res1 + '</br>');
        document.write(res2 + '</br>');
    </script>
</body>
</html>